HTML Canvas Blurry Lines Images Drawn

describe_the_problem

function Draw () {
	var e, surface;
	e = document.getElementById ("surface");
	
	/* Begin size adjusting. */
	e.width = e.offsetWidth;
	e.height = e.offsetHeight;
	
	/* End size adjusting. */
	surface = e.getContext ("2d");
	surface.strokeRect (10, 10, 20, 20);
}
window.onload = Draw ()

<!DOCTYPE html>
<html>

	<head>
		<title>Canvas size adjusting demo</title>
	</head>
	
	<body>
		<canvas id="surface"></canvas>
	</body>
	
</html>

Credits